body,
input,
select,
td,
textarea,
th {
  font: 14px/1 'Microsoft YaHei', '微软雅黑', SimHei, '黑体';
  letter-spacing: 0;
}
body,
div,
h1,
h2,
h3,
h4,
li,
p,
table,
ul {
  margin: 0;
  padding: 0;
  border: none;
}
body {
  background-color: #fff;
}
A {
  color: navy;
  text-decoration: none;
}
A:hover {
  color: #f60;
  text-decoration: none;
}
em {
  font-style: italic;
}
i {
  font-style: italic;
}
strong {
  font-weight: 700;
}
code,
pre {
  display: block;
  margin: 15px 15px 15px 0;
  padding: 10px;
  border: 1px dashed #ccc;
  background-color: #fff;
  color: #000;
  font-family: 'Courier New', Monospace;
  font-size: 0.9em;
  font-style: normal;
}

.overflowHidden {
  overflow: hidden;
}
.overflowScroll {
  overflow: hidden;
}
.TableBorderOnlyTop {
  border-top: gray 1px solid;
}
.TableBorderOnlyLeft {
  border-left: gray 1px solid;
}
.TableBorderTopLeft {
    border-top: gray 1px solid;
    border-left: gray 1px solid;
}
.TableBorderLeftBottom {
  border-left: gray 1px solid;
  border-bottom: gray 1px solid;
}
.TableBorderRightTop {
  border-right: gray 1px solid;
  border-top: gray 1px solid;
}
.TableBorderOnlyRight {
  border-right: gray 1px solid;
}
.TableBorderLeftRight {
  border-left: gray 1px solid;
  border-right: gray 1px solid;
}
.TableBorderLeftRightBottom {
  border-left: gray 1px solid;
  border-right: gray 1px solid;
  border-bottom: gray 1px solid;
}
.TableBorderBottomRight {
  border-right: gray 1px solid;
  border-bottom: gray 1px solid;
}
.TableBorderOther {
  border-top: gray 1px solid;
  border-left: gray 1px solid;
}
.TableBorderRight {
  border-right: gray 1px solid;
  border-top: gray 1px solid;
  border-left: gray 1px solid;
}
.TableBorderBottom {
  border-top: gray 1px solid;
  border-left: gray 1px solid;
  border-bottom: gray 1px solid;
}
.TableBorderRightBottom {
  border-right: gray 1px solid;
  border-top: gray 1px solid;
  border-left: gray 1px solid;
  border-bottom: gray 1px solid;
}

.add-title {
  position: relative;
  .add-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #3c8cf1;
    background: #ecf4fe;
    &:hover {
      color: #fff;
      background: #3c8cf1;
    }
  }
}

::v-deep {
  textarea:disabled {
    background-color: #ffffff;
  }
}

::v-deep {
  //居中的input
  .input-center {
    width: 100%;
    height: 30px;
    text-align: center;
    display: inline-block;
    border-width: 0px;
    border-style: None;
    &:focus-visible {
      outline: none;
    }
  }
  .text-center {
    width: 100%;
    text-align: center;
    display: inline-block;
    border-width: 0px;
    border-style: None;
    &:focus-visible {
      outline: none;
    }
  }
  .input-line {
    width: 100%;
    height: 30px;
    display: inline-block;
    border-width: 0px;
    border-style: None;
    border-bottom: 1px solid gray;
    &:focus-visible {
      outline: none;
    }
  }
  .select-line {
    .el-input__inner {
      width: 100%;
      height: 30px;
      display: inline-block;
      border-radius: 0px;
      border-bottom: 1px solid gray !important;
      text-align: left;
      &:focus-visible {
        outline: none;
      }
    }
  }
  .el-checkbox__inner {
    height: 30px;
    width: 30px;
  }
  .el-checkbox__inner::after {
    width: 8px !important;
    height: 20px !important;
    left: 9px !important;
    border: 3px solid #fff;
    border-top: none;
    border-left: none;
  }
  .datePicker {
    input {
      text-align: center;
      padding: 0 !important;
      border: none !important;
      color: #000 !important;
    }
    .el-input__prefix {
      display: none !important;
    }
  }
  .select, .cascader-select, .county-select {
    input {
      text-align: center;
      padding: 0 !important;
      border: none !important;
      color: #000 !important;
    }
    .el-input__suffix-inner {
      display: none !important;
    }
  }
  .word-upload {
    width: 100% !important;
    height: 100% !important;
    * {
      transition: none !important;
    }
    .el-upload--picture-card {
      background-color: none;
      border: none;
      border-radius: 0px;
      width: 100%;
      height: 100%;
    }
    .el-upload-list__item {
      border: none;
      border-radius: 0px;
      width: 100%;
      height: 100%;
    }
  }
}

input[type='checkbox'] {
  transform: translateY(2px);
}
textarea {
  width: 96%;
  line-height: 20px;
  border-width: 0px;
  border-style: None;
}

::v-deep .el-input.is-disabled .el-input__inner {
  background-color: #fff !important;
}

input:disabled {
  background-color: #fff;
  color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
